body {
    background-color: var(--themeColor);
}

.main {
    padding-top: .88rem;
}

.main .top {
    background-color: var(--ff);
    padding: .56rem 0;
    border-radius: .20rem;
}

.main .top .text {
    font-weight: 400;
    font-size: .24rem;
    color: var(--c9);
}

.main .top .total {
    font-weight: bold;
    font-size: .46rem;
    color: var(--dcl);
    margin-top: .26rem;
}

.main .top .front:before {
    content: '￥';
    font-size: .3rem;
}

.main .record {
    background-color: var(--ff);
}

.main .record .title {
    font-weight: 500;
    font-size: .30rem;
    color: var(--dcl);
    border-bottom: 1px solid var(--f6);
}

.main .record .item {
    border-bottom: 1px solid var(--f6);
}

.main .record .item .default {
    font-weight: 400;
    font-size: .30rem;
    color: var(--dcl);
}

.main .record .item .gray {
    font-weight: 400;
    font-size: .22rem;
    color: var(--c9);
}

.main .record .item:last-child {
    border-bottom: none;
}
